<template>
  <div>
    <!-- 
      案例：翻转世界
     -->
    <h1>{{ message }}</h1>
    <button @click="reverseFn">翻转世界</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: "hello world!",
    };
  },
  methods: {
    reverseFn() {
      // split将字符串转数组
      // let arr = this.message.split("");
      // // console.log(arr);
      // // 2、颠倒数组顺序(会更新原数组)
      // arr.reverse();
      // // 3、把数据合并为字符串，并赋值给message
      // this.message = arr.join("");

      // 简化为一步
      this.message = this.message.split("").reverse().join("");
    },
  },
};
</script>

<style>
</style>